@import '../../../../common';

:host {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

app-tabs {
  ::ng-deep {
    .ant-menu {
      background-color: $greyBackground !important;

      :host-context(.night) & {
        background-color: $darkBackground !important;
        color: $darkTheme_grey_6;
      }
    }
  }
}


nz-tabset {
  background-color: #1b1c1d;

  ::ng-deep {
    .ant-tabs-tab {
      padding: 3px 16px !important;
      cursor: inherit !important;

      :host-context(.night) & {
        background-color: #141414;
      }
    }

    .ant-tabs-tab-active {
      :host-context(.night) & {
        background-color: #1e1e1e;
        border-bottom-color: #1e1e1e !important;
      }
    }

    .ant-tabs-tab-btn {
      color: #979797;

      :host-context(.night) & {
        color: #828282;
      }
    }

    nz-tabs-nav {
      margin: 0 !important;
    }
  }
}

nz-code-editor {
  height: 100%;
  border-left: 1px solid #f0f0f0;

  :host-context(.night) & {
    background-color: #1e1e1e;
    border-left: 1px solid #303030;
  }
}